<html>
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("visualization", "1", {packages:["table"]});
        google.setOnLoadCallback(drawTable);
        function drawTable() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Name');
            data.addColumn('number', 'Salary');
            data.addColumn('boolean', 'Full Time Employee');
            data.addRows(4);
            data.setCell(0, 0, 'Mike');
            data.setCell(0, 1, 10000, '$10,000');
            data.setCell(0, 2, true);
            data.setCell(1, 0, 'Jim');
            data.setCell(1, 1, 8000, '$800');
            data.setCell(1, 2, false);
            data.setCell(2, 0, 'Alice');
            data.setCell(2, 1, 12500, '$12,500');
            data.setCell(2, 2, true);
            data.setCell(3, 0, 'Bob');
            data.setCell(3, 1, 7000, '$7,000');
            data.setCell(3, 2, true);

            var table = new google.visualization.Table(document.getElementById('table_div'));
            table.draw(data, {showRowNumber: true});

            var data1 = new google.visualization.DataTable();
            var nCols = 5;
            var nRows = 50;
            for (col = 0; col < nCols; col++) {
                data1.addColumn('number', 'Col' + col);

            }
            for (var i = 0; i < nRows; i++) {
                var ind = data1.addRows(1);
                for (col = 0; col < nCols; col++) {
                    data1.setCell(ind, col, Math.random());
                }
            }
            var table1 = new google.visualization.Table(document.getElementById('table_page'));
            table1.draw(data1, {showRowNumber: true, page: 'enable', pageSize: 10 });


        }
    </script>
</head>

<body>
<div id="table_div"></div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<hr/>

<div id="table_page"></div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


</body>
</html>